<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<link rel="stylesheet" href="${ctx}/resources/js/autoComplete/flexselect.css" type="text/css" media="screen" />
<script src="${ctx}/resources/js/autoComplete/liquidmetal.js" type="text/javascript"></script>
<script src="${ctx}/resources/js/autoComplete/jquery.flexselect.js" type="text/javascript"></script>
<script type="text/javascript">
        $(function(){
            $(".city_list").css("width","13px");
        });
    </script>
<!-- 顶部模块[如：功能按钮、搜索面板] -->
<div class="bjui-pageContent" style="background: #FFF;">
	<form id="pagerForm" data-toggle="validate" class="ajaxForm" action="${ctx}/bus/cityAction/doSave" method="post" >
		<input type="hidden" name="op" id="j_dialog_op"value="${param.op}${op}">
		<input type="hidden" name="id"id="j_dialog_id" value="${city.id}">
		<table id="doc-datagrid-table"
			class="table table-bordered table-hover table-striped table-top">
			<tbody>
				 <tr>
                    <td colspan="2" align="center" valign="middle"><h4>${title}</h4></td>
                </tr>
				<tr style="height: 30px;">
					<td>
					<label for="name" class="control-label x90">城市名称：</label>
							<input name="cityCnName"  value="${city.cityCnName}" data-rule="required;">
					<label for="name" class="control-label x90">城市英文名称：</label>
							<input name="cityEnName" value="${city.cityEnName}" data-rule="required;">
					</td>
				</tr>
				<tr style="height: 30px;">
					<td>
						<label for="name" class="control-label x90">城市编码：</label>
							<input name="cityCode" value="${city.cityCode}" data-rule="required;">
					</td>
				
				</tr>
				<tr>
					<td>
                        <label class="control-label x90">所属国家：</label>
                          <select class="special-flexselect" name="countryCnName" tabindex="1" data-placeholder="请输入所属国家" data-rule="required;">
					          <c:forEach  items= "${countrys}" var="c">
					            	<option value="${c.countryCode}" ${city.countryCode == c.countryCode?"selected='selected'":""} >${c.countryCnName}</option>					            
				              </c:forEach>
					       </select>
                    	<script type="text/javascript">
					      $(document).ready(function() {
					        $("select.special-flexselect").flexselect({ hideDropdownOnEmptyInput: true });
					      }); 
					    </script>
                    </td>
                 </tr>
			</tbody>
		</table>
	</form>


</div>

<!-- 底部模块[如：工具条、分页组件]  -->
<div class="bjui-pageFooter">
	<ul>
		<li><button type="button" class="btn-close" data-icon="close">关闭</button></li>
		<li><button type="submit" class="btn-default" data-icon="save">保存</button></li>
	</ul>

</div>
